<template>
	<view>
		<view class="main">
			<image class="image" :src="imageSrc" mode="aspectFill"></image>
			<view class="accept">
				<view class="manual">
					<checkbox @click="onClickBox"></checkbox>
					已阅读<view style="color: #4CD96E;" @click="onClickManual">用户手册</view>
				</view>
				<button :disabled="!hasClick" type="primary" @click="onClickStart">开启环保之旅</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				imageSrc:this.myConfig.storageUrl+'/static/newUserImage.jpg',
				hasClick:false
			}
		},
		methods:{
			onClickBox(){
				const that=this;
				that.hasClick=!that.hasClick;
			},
			onClickManual(){
				wx.navigateTo({
					url:'/pages/manual/manual'
				});
			},
			onClickStart(){
				const that=this;
				that.$emit('closeNewUser');
			}
		}
	}
</script>

<style scoped>
	.main{
		width: 100%;
		height: 100%;
		background-color: #B2D1FF;
		position: fixed;
		top: 0;
		animation: load 1s linear;
	}
	.image{
		width: 100%;
		height: 100%;
		background-size:100% 100%;
		position: fixed;
		top: 0rpx;
		z-index: -1;
	}
	.accept{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 500rpx;
		position: fixed;
		left: 50%;
		margin-left: -250rpx;
		top: 25%;
	}
	.manual{
		display: flex;
		height: 100rpx;
		justify-content: space-around;
		align-items: center;
	}
</style>
